<!--
 * @Author: zhangmengqiong
 * @Date: 2021-04-21 15:18:20
 * @LastEditors: zhangmengqiong
 * @LastEditTime: 2021-04-21 15:41:25
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>SVG</title>
  </head>
  <body>
    <svg width="800" height="800">
      <rect width="50" height="50" style="fill: red"></rect>
      <line
        x1="100"
        y1="100"
        x2="250"
        y2="75"
        style="stroke: blue; stroke-width: 1"
      ></line>
      <line
        x1="250"
        y1="75"
        x2="450"
        y2="175"
        style="stroke: blue; stroke-width: 1"
      ></line>
      <circle
        cx="200"
        cy="200"
        r="50"
        stroke="green"
        stroke-width="2"
        fill="red"
      ></circle>
    </svg>
  </body>
</html>
